<template>
     <van-nav-bar title="搜索" left-arrow @click-left="() => { $router.push('/') }" fixed />
    <div style="height: 45px;"></div>
    <van-search v-model="value" placeholder="请输入搜索关键词" />
    <div class="history">
        <div class="his">
            <h4>历史记录</h4>
            <div style="width: 50px;height: 50px;background-color: dodgerblue;">电视</div>
            <div style="width: 50px;height: 50px;background-color: dodgerblue;">电视</div>
            <div style="width: 50px;height: 50px;background-color: dodgerblue;">电视</div>
            <div style="width: 50px;height: 50px;background-color: dodgerblue;">电视</div>
            <div style="width: 50px;height: 50px;background-color: dodgerblue;">电视</div>
        </div>
        <div class="hot">
            <h4>热门目录</h4>
            <div style="width: 50px;height: 50px;background-color: dodgerblue;">电视</div>
            <div style="width: 50px;height: 50px;background-color: dodgerblue;">电视</div>
            <div style="width: 50px;height: 50px;background-color: dodgerblue;">电视</div>
            <div style="width: 50px;height: 50px;background-color: dodgerblue;">电视</div>
            <div style="width: 50px;height: 50px;background-color: dodgerblue;">电视</div>
        </div>
    </div>
</template>

<script setup>

</script>

<style lang="scss" scoped></style>